<template>
	<div :class='{
			"one-order-btn":true,
			"red":operationInfo.font=="确认收货"||operationInfo.font=="评价"
		  }' 
		  @click='orderOperation'
    >
		{{operationInfo.font}}
	</div>
</template>

<script>
	export default {
		props:['operationInfo','orderInfo'],
		methods:{
			orderOperation(){
				//传出去 是什么操作  是哪一个订单
				this.$emit('orderOperation',this.operationInfo,this.orderInfo);
			}
		}
	}
</script>

<style scoped>
	.one-order-btn{
		display: inline-block;
		float:right;
		width:60px;
		height: 18px;
		padding: 8px 8px;
		margin-left:15px;
		text-align: center;
		line-height: 18px;
		border:1px solid #eee;
	}
	.red{
		border:1px solid red;
		color:red;
	}
</style>

